iT邦幫忙

2022 iThome 鐵人賽

DAY 1
1
自我挑戰組

30 天線上自學前端系列 第 9

[Day 9] [Express] 用 express 做一個 server: the GET request

  • 分享至 

  • xImage
  •  

鐵人賽目標是 9/30 上到課程的第 371 節,目前在 228 節。

接續昨天,目前用 chrome 開 localhot:3000,會出現 Cannot GET /:

https://ithelp.ithome.com.tw/upload/images/20220909/20151588hitFWgVa00.png

今天的課程就是要處理 requests 和 responses,讓這畫面出現 Cannot GET 以外的東西。

開始囉:

var express = require('express');
var app = express();


//*
app.get('/', function(request, response){
    response.send('hello!!')
})
//* 加上這段



app.listen(3000, function() {
    console.log('Hello');
});

出現了 response.send('hello!!') 的結果:

https://ithelp.ithome.com.tw/upload/images/20220909/20151588eOEhlb8Iw2.png

原因是當我輸入網址 http://localhost:3000/,是在告訴瀏覽器伺服器的地方,所以當我輸入網址按下 enter,瀏覽器會發出請求然後再把資料帶回來。

app.get('/', function(request, response){

//*  這邊的 '/' 代表 homepage。

    response.send('hello!!')

//* 當發出請求之後,callback 就會被觸發,所以剛剛截圖的瀏覽器出現「hello!!」

})

然後 callback 裡面也可以發 HTML 的訊息:

app.get('/', function(request, response){
    response.send('<h1><font color="#A3A3FF">hello!! ?</font></h1>')
})

就會像這樣~ 覺得好可愛 XD
https://ithelp.ithome.com.tw/upload/images/20220909/20151588nz8fXhDzDk.png


上一篇
[Day 8] [Express] 用 express 做一個 server
下一篇
[Day 10] [Express] 用 express 做一個 server: 了解跟試著做做看 Routes
系列文
30 天線上自學前端72
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言